﻿@using Kevin.Shop.Business.Service.Entity.Helper
@model  RiderShop.Mobile.Modle.ContentModel
@section header
{
    <link href="~/Themes/RongJi/Style/base/css/help.css" rel="stylesheet">
    <link href="~/Utility/bellows-2.0.0/bellows.min.css" rel="stylesheet" />
}
@section title
{
帮助中心
}
@if (Model.CategoriesAndArticleList == null)
{
    <div class="box">
        <div id="empty" style="text-align: center">
            <p>@Html.Raw("暂无帮助")</p>
            <div class="btn btn-default">
                <a href="/Home" class="empty_go_main">去逛逛</a>
            </div>
        </div>
    </div>
}
else
{
    <div id="mainContent">
        <div class="wrapper-1200">
            <div id="equalize">
                <div class="col-left">
                    <div class="innerL">
                        <dl class="help-topic-list">
                            <dt>帮助中心</dt>
                            <dd class="help-topic-bellows">
                                @foreach (var category in Model.CategoriesAndArticleList)
                                {
                                    <a  href="ContentInfo?contentCategoryId=@category.ContentCategoryId&number=1">
                                        <h4 class="bellows__header"><i class="icon-@category.ContentCategoryId"></i>@category.CategoryName</h4>
                                    </a>
                                }
                            </dd>
                        </dl>
                    </div>
                    <div class="blank"></div>
                </div>
                <div class="col-right">
                    <div class="help-content">
                           <i class="zhu"></i>
                        <div class="help-content-bellows">
                            @{var number = 1;}

                            @if (@Model.ArticleList != null)
                            {
                                foreach (var article in @Model.ArticleList)
                                {
                                    if (number == Convert.ToInt16(Request.QueryString["number"]))
                                    {
                                        <div class="bellows__item bellows--is-open">
                                            <h4 class="bellows__header">@article.Title</h4>
                                            <div class="bellows__content help-content-sub">
                                               @Html.Raw(@article.Content)
                                            </div>
                                        </div>
                                    }
                                    else
                                    {
                                        <div class="bellows__item">
                                            <h4 class="bellows__header">@article.Title</h4>
                                            <div class="bellows__content help-content-sub">
                                               @Html.Raw(@article.Content)
                                            </div>
                                        </div>
                                    }
                                    number++;
                                }
                            }
                        </div>
                        <div class="help_gotop">
                            返回顶部<em class="fa fa-arrow-circle-o-up"></em>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
}
@section footer
{
    <script src="~/Utility/bellows-2.0.0/velocity.min.js"></script>
    <script src="~/Utility/bellows-2.0.0/bellows.min.js"></script>
    <script src="~/Utility/jQuery.equalHeights.js"></script>
    <script src="~/Themes/RongJi/Style/base/js/help.js"></script>
}
